﻿@model IEnumerable<DataAccess.DB.SanPhamInKho>
@{
    Layout = null;
    ViewBag.Title = "Sản phẩm còn trong cửa hàng";
}
<div class="panel panel-default">
    <div class="panel-heading">
        Danh sách Sản phẩm còn trong cửa hàng
    </div>
    <!-- /.panel-heading -->
    <div class="panel-body">
        <div class="dataTable_wrapper">
            <table class="table table-striped table-bordered table-hover" id="dataTableView">
                <thead>
                    <tr>
                        <th></th>
                        <th>ID</th>
                        <th>Mã Sản Phẩm</th>
                        <th>Số lượng</th>
                        <th>Đơn vị</th>
                    </tr>
                </thead>
            </table>
        </div>
        <!-- /.table-responsive -->
    </div>
    <!-- /.panel-body -->
</div>

@section Scripts {
    @Scripts.Render("~/bundles/bootstraptablejs")
    @Styles.Render("~/bundles/bootstraptablecss")
    <script type="text/javascript">
        $(document).ready(function () {
            var table = $('#dataTableView').DataTable({
                responsive: true,
                bProcessing: true,
                "iDisplayLength": 15,
                "language": {
                    "lengthMenu": 'Hiển thị <select><option value="15">15</option><option value="30">30</option><option value="50">50</option><option value="-1">All</option></select> bản ghi',
                    "info": "Hiển thị từ _START_ đến _END_ trên tổng số _TOTAL_ bản ghi",
                    "infoEmpty": "Không có bản ghi nào thỏa mãn",
                    "emptyTable": "Không có dữ liệu",
                    "search": "Tìm kiếm ",
                    "paginate": {
                        "previous": "Trang trước",
                        "next": "Trang sau"
                    }
                },
                "ajax": "@Url.Action("SanPhamConTrongCuaHangGet")",
                "columnDefs": [
                    {
                        "render": function (data, type, row) {
                            return '<a href="javascript:void(0)" onclick="SelectSP(' + data["ID"] + ')">Chọn</a>';
                        },
                        "targets": 0
                    },
                    { "visible": true, "targets": 1 }
                ],
                "columns": [
                    {
                        "className": 'view-details-edit',
                        "orderable": false,
                        "data": null,
                        "bSearchable": false,
                        "defaultContent": ''
                    },
                    { "data": "ID", "bSearchable": false },
                    { "data": "MaSP" },
                    { "data": "SoLuong" },
                    { "data": "DonVi" }
                ],
                "order": [[2, "asc"]]
            });
        });
    </script>
}
